<template>
	<view class="box">
		<view class="head" @click="yiwen()">
			<image src="../../static/w.png" mode=""></image>
			使用说明
		</view>
		<view class="center">
			<image src="../../static/images/q2_03.png" mode=""></image>
			<p>暂无可用优惠券</p>
		</view>
		<view class="foot">
			<view  @click="shi()" class="shixiao">查看已失效的券></view>
			<view class="" @click="dui()">
				<button>+兑换优惠券</button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			yiwen:function(){
				uni.navigateTo({
					url:"/pages/me/yiwen"
				})
			},
			shi:function(){
				uni.navigateTo({
					url:"./shixiao"
				})
			},
			dui:function(){
				uni.navigateTo({
					url:'./duihuanq'
				})
			}
		},
	}
</script>

<style>
	.head{width:30%;text-align: center;line-height:60rpx;display: flex;justify-content: space-around;float: right;margin-top:20rpx;}
	.head image{width:50rpx;height:60rpx;display: block;}
	.center{width:80%;margin:0 auto;text-align: center;position: absolute;top:400rpx;left:100rpx;color: #ccc;}
	.center image{width:300rpx;height:200rpx;}
	.foot{position: absolute;bottom:100rpx;text-align: center;width:100%;}
	.foot .shixiao{color:#ff6d3c;}
	.foot button{background-color:#fff;border-radius:40rpx;width:90%;margin-top:10rpx;}
</style>